<template>
  <div class="DF-common-layout  DF-flex-main">
    <div class="DF-common-layout-center">
      <div class="DF-common-layout-main DF-flex-main">
        <el-row  :gutter="16" style="height: 100%">
          <div class="DF-common-head"  style="padding-left: 25px;">
            <topOpts  :addText="'返回'" :icon="false"  @add="handleAddEdit()">
              <el-button  size="small" @click="onPrintShow"  type="primary">打印预览</el-button>
<!--              @click="doPrint"-->
            </topOpts>
            <div class="DF-common-head-right">
              <el-tooltip effect="dark" :content="$t('common.refresh')" placement="top">
                <el-link icon="icon-ym icon-ym-Refresh DF-common-head-icon" :underline="false"
                         @click="reset()" />
              </el-tooltip>
            </div>
          </div>
          <div ref="printMe" style="padding: 0 15px; height: 100%">
            <DF-table border v-loading="listLoading" :data="tableData" :hasNO="false" >
              <el-table-column  show-overflow-tooltip prop="zw_h" label="座位号"  />
              <el-table-column prop="xm"  show-overflow-tooltip  label="姓名"  />
              <el-table-column prop="kh"  show-overflow-tooltip  label="考号">
              </el-table-column>
              <el-table-column prop="tmmc"  show-overflow-tooltip  label="题目">
              </el-table-column>
              <el-table-column prop="zzfs"  show-overflow-tooltip  label="分数">
              </el-table-column>
              <el-table-column prop="zzfdjl"  show-overflow-tooltip  label="分点记录">
              </el-table-column>
              <el-table-column prop="pfyxm"  show-overflow-tooltip  label="评分员">
              </el-table-column>
              <el-table-column prop=""  show-overflow-tooltip  label="考生签名">
              </el-table-column>
              <el-table-column prop=""  show-overflow-tooltip  label="评委签名">
              </el-table-column>
            </DF-table>
          </div>

          <el-dialog title="打印预览"  :visible.sync="PrintVisible"
                     :close-on-click-modal="false"
                     lock-scroll class="print-dialog"
                     width="1223px">
            <div id="printMe" ref="printMe" class="office" style="position: relative">
              <div class="right-menu">
                <div class="right-menu-speack1">
                 <span class="item">
                    考试名称：{{kcJky.ksmc}}
                 </span>
                </div>
                <div class="right-menu-speack1">
                <span class="item">
                   场次：{{ccmc}}
                 </span>
<!--                  <span class="item">
                   考试：{{kcJky.ksmc}}
                 </span>-->
                  <span class="item">
                   考点：{{kcJky.kdmc}}
                 </span>
                  <span class="item">
                     通道：{{kcJky.tdmc}}
                   </span>
                  <span class="item" >
                     考场：{{kcJky.kcdm}}
                   </span>
                  <span class="item" >
                     科目：{{kcJky.xkmc}}
                   </span>
                </div>
              </div>
              <div >
                <table style="table-layout: fixed;word-break: break-all; word-wrap: break-word;">
                  <tr>
                    <td  style="letter-spacing: 6px">
                      <div style="width: 70px">座位号</div></td>
                    <td   style="letter-spacing: 6px">
                      <div style="width: 80px">姓名</div></td>
                    <td   style="letter-spacing: 6px">
                      <div style="width: 150px">考号</div></td>
                    <td   style="letter-spacing: 6px">
                      <div style="width: 250px">题目</div></td>
                    <td   style="letter-spacing: 6px">
                      <div style="width: 50px">分数</div>
                    </td>
                    <td   style="letter-spacing: 6px">
                      <div style="width: 80px">分点记录</div>
                    </td>
                    <td   style="letter-spacing: 6px">
                      <div style="width: 100px">评分员</div>
                    </td>
                    <td   style="letter-spacing: 6px">
                      <div style="width: 100px">考生签名</div>
                    </td>
                    <td   style="letter-spacing: 6px">
                      <div style="width: 100px">评委签名</div>
                    </td>
                  </tr>
                  <tr v-for="item in tableData">
                    <td  >{{item.zw_h}}</td>
                    <td  >{{item.xm}}</td>
                    <td  >{{item.kh}}</td>
                    <td  >{{item.tmmc}}</td>
                    <td  >{{item.zzfs}}</td>
                    <td  >{{item.zzfdjl}}</td>
                    <td  >{{item.pfyxm}}</td>
                    <td  ></td>
                    <td  ></td>
                  </tr>
                </table>
              </div>
            </div>
            <div slot="footer" class="dialog-footer">
              <el-button
                size="small"
                type="danger"
                @click="onPrint"
              >打印</el-button>
              <!--        v-print="printMe"-->
            </div>
          </el-dialog>
        </el-row>
      </div>
    </div>
  </div>
</template>
<script>
export { default } from './index.js'
</script>
<style  lang="scss" scoped>
@import url(index.scss);
</style>
